@import url(../../common/less/layout.less);

.ranklist-container {
    margin-bottom: 30px;

    & > ul {
        display: flex;
        width: 1200px;
        height: 490px;
        justify-content: space-between;
    }

    .list-block {
        .radius();
        float: left;
        width: 390px;
        height: 490px;
        background-color: #fff;

        .title-area {
            display: flex;
            height: 68px;
            padding: 0 16px;
            background: linear-gradient(to bottom, #fcf8ed, #fefbf5, #fff);
            justify-content: space-between;
            align-items: center;

            .left {
                color: #d1802b;

                .big-text {
                    padding-left: 40px;
                    font-size: 18px;
                    font-weight: bold;
                    background: url(../img/ranklist-title-icon.png) top left/100% 100% no-repeat;
                }

                .small-text {
                    font-size: 14px;
                    margin-left: 8px;
                }
            }
        }
    }
}
